<!-- Ana Luisa Figón Treviño -->
<html>
	<head>
		<meta charset='utf-8'>
		<title>Eventos</title>
	</head>
	<body>

		<label>
			Factorial de este número: 
			<input type='number' id='factorial-input' size='2'>
		</label>
		<button id='factorial-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el logaritmo en base 10 de: 
			<input type='number' id='half-input' size='2'>
		</label>
		<button id='logaritmo-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el seno de: 
			<input type='number' id='angulo1-input' size='2'>
		</label>
		<button id='seno-button'>Calcula</button>
		<br><br>

		<label>
			Calcula el coseno de: 
			<input type='number' id='angulo2-input' size='2'>
		</label>
		<button id='coseno-button'>Calcula</button>
		<br><br>

		<div id='solution'></div>

		<script type="text/javascript">
			function factorial(){
				var numero = document.getElementById('factorial-input').value;
				var resultado = 1;
				for(var i=1; i<=numero; i++) {
  					resultado *= i;
				}
				document.getElementById('solution').innerHTML = 'El factorial de ' + numero + ' es: ' + resultado;
			}

			function logaritmo(){
				var numero = document.getElementById('half-input').value;
				var resultado;
				var base1 =10;
				var dn = 1;
				dn = Math.log(base1);
				var resultado = Math.log(numero)/dn;
				document.getElementById('solution').innerHTML = 'El logaritmo en base 10 de ' + numero + ' es: ' + resultado;
			}

			function seno(){
				var numero = document.getElementById('angulo1-input').value;
				var resultado;
				resultado = Math.sin(numero);
				document.getElementById('solution').innerHTML = 'El seno de ' + numero + ' es: ' + resultado;
			}

			function coseno(){
				var numero = document.getElementById('angulo2-input').value;
				var resultado;
				resultado = Math.cos(numero);
				document.getElementById('solution').innerHTML = 'El coseno de ' + numero + ' es: ' + resultado;
			}

			/*document.getElementById('factorial-button').addEventListener('click', factorial);
			document.getElementById('logaritmo-button').addEventListener('click', logaritmo);
			document.getElementById('seno-button').addEventListener('click', seno);
			document.getElementById('coseno-button').addEventListener('click', coseno);*/

			document.getElementById('factorial-button').addEventListener('mouseover', factorial);
			document.getElementById('logaritmo-button').addEventListener('mouseover', logaritmo);
			document.getElementById('seno-button').addEventListener('mouseover', seno);
			document.getElementById('coseno-button').addEventListener('mouseover', coseno);
		</script>
	</body>
</html>